import type { RouteRecordRaw } from 'vue-router'

/**
 * 演示路由配置
 * 包含所有组件演示页面的路由
 */
export const demoRoutes: RouteRecordRaw[] = [
  {
    path: '/demo',
    name: 'DemoHome',
    component: () => import('@/components/common/__demo__/index.vue'),
    meta: {
      title: '组件演示中心',
      description: 'Vue 组件库演示中心，展示各种组件的使用方法和自定义选项',
    },
  },
  {
    path: '/demo/comment',
    name: 'CommentDemo',
    component: () => import('@/components/common/comment/__demo__/index.vue'),
    meta: {
      title: 'Comment 插槽演示',
      description: 'Comment 组件插槽系统的各种自定义选项演示',
    },
  },
  {
    path: '/demo/user-avatar',
    name: 'UserAvatarDemo',
    component: () => import('@/components/common/UserAvatar/__demo__/index.vue'),
    meta: {
      title: 'UserAvatar 组件演示',
      description: 'UserAvatar 组件的各种使用场景和自定义选项演示',
    },
  },
  {
    path: '/demo/code-demo',
    name: 'CodeDemoDemo',
    component: () => import('@/components/common/CodeDemo/__demo__/index.vue'),
    meta: {
      title: 'CodeDemo 组件演示',
      description: 'CodeDemo 组件的各种使用场景和自定义选项演示',
    },
  },
  {
    path: '/demo/modal',
    name: 'ModalDemo',
    component: () => import('@/components/common/modal/__demo__/index.vue'),
    meta: {
      title: 'Modal 组件演示',
      description: 'Modal 通用弹窗组件的各种使用场景和自定义选项演示',
    },
  },
  {
    path: '/demo/login-form',
    name: 'LoginFormDemo',
    component: () => import('@/components/common/login/__demo__/index.vue'),
    meta: {
      title: 'LoginForm 组件演示',
      description: 'LoginForm 登录表单业务组件的各种使用场景和自定义选项演示',
    },
  },
]
